.topic-list{
	list-style: none;
	margin:0 0 9px 0px;
	padding:10px;
	position:relative;
	overflow:hidden;
	& > li{
		border-bottom: 2px solid #DDD;
		position:relative;
		&:last-child{
			border-bottom:none;
		}
	}
	& > li:hover .action{
		display: block;
	}
	.multi {
		margin: 15px 0 0px 0;
		padding: 0px 0 15px 0;
		overflow:hidden;
		position: relative;
		.action{
			position: absolute;
			left:0px;
			bottom:10px;
			display: none;
		}
	}
	.multi-meta {
		float: left;
		list-style: none;
		margin:0 20px 0 0px;
		width: 200px;
		color:@gray;
		& > li{
			margin: 0;
			padding: 4px 0;
			font-size: 12px;
			font-weight: normal;
			line-height: 1.5;
		}
		li:first-child {
			padding-top: 0;
		}
		li.meta-act{
			border-bottom:0px;
			color:@gray;
			.meta-act-link,.meta-act-link:hover{
				padding: 0px 12px 0px 22px;
				background-position: 0px 50%;
				color:@gray;
			}
		}
		li.topic-title {
			font-size: 14px;
			line-height: 1.3;
		}
		li.topic-title-attr {
			font-size: 11px;
			font-weight: normal;
			img{
				.square(16px);
			}
		}
		li.topic-desc {
			font-size: 11px;
			font-weight: normal;
		}
		li.topic-time {
			font-size: 11px;
		}
		.tags{
			padding: 0px;
			ul li a{
				margin: 0 5px 0px 0;
			}
		}
	}
}
.topic-header{
	position: relative;
	.black05bg;
	.border-radius(10px);
	padding:0px;
	width: 940px;
	height: 200px;
	.main{
		margin-bottom: 0px;
	}
	.left{
		float: left;
		width: 320px;
		padding: 20px 0px 20px 20px;
		.topicname{
			font-family: "Microsoft Yahei";
			h2{
				display: inline;
				font-weight: normal;
				font-size: 24px;
			}
		}
		.topicdesc{
			height: 70px;
			.white05bg;
			padding: 5px;
			margin-right: 15px;
			border: 1px dashed @borderColor;
			p{
				width: auto;
				line-height: 21px;
				margin: 4px 0 0;
				padding: 0 16px 0 0;
				word-wrap: break-word;
				word-break: break-all;
				overflow: hidden;
				font-size: 14px;
			}
		}
		.topic-editor{
			margin-top: 10px;
			a{
				display: block;
				float:left;
				overflow: hidden;
				.topic-avatar{
					float: left;
					display: block;
					overflow:hidden;
					width: 30px;
					.photo-middle {
						width: 30px;
						max-height: 30px;
					}
				}
				.editor-info{
					float: left;
					display: block;
					margin-top:2px;
					margin-left:5px;
					line-height: 1;
					p{
						color:@gray;
					}
				}
			}
		}
		.topic-time{
			display: inline-block;
			padding: 5px;
			margin-left: 10px;
			color: @grayLight;
		}
	}
	.right {
		float: left;
		width: 590px;
		padding: 5px;
		position: relative;
		overflow: hidden;
		& > img{
			width:590px;
			height: 190px;
		}
	}
	.creation-info {
		padding:0px 20px;
		position: absolute;
		left: 50px;
		bottom: 0;
		width: auto;
		height: 26px;
		line-height: 26px;
		background: black;
		opacity: .5;
		filter: alpha(opacity=50);
		color:@gray;
	}
	.topic-op-wrapper {
		position: absolute;
		right: 0;
		bottom: 20px;
		width: 220px;
	}
}